
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>投诉</title>
  <style type="text/css">
 body,ul,p,h1,h2,h3,h4,dl,dd,form,input,textarea,select { padding:0; margin:0; font-family:arial; }
li { list-style:none }

.clear { clear:both }
.clearfix:after{ content:"."; display:block; font-size: 0; height:0; clear:both; visibility:hidden }
.clearfix{ zoom:1}

.head{width:100%;height:40px;background: #000;line-height:40px;text-align:center;color:#fff;font-size:18px;}
#radio_wrap{width: 100%; margin: 10px auto 0;font-size: 0;}
@media screen and (-webkit-min-device-pixel-ratio:0){

#radio_wrap input{display: none;}
#radio_wrap li{position:relative; width: 96%; height: 40px;float:right;line-height:40px; border-bottom: 1px solid #CCC; display:inline-block; *display:inline; *zoom:1; margin:0 2px;font-family:arial;}
#radio_wrap li.checked{}
#radio_wrap li.checked i{width:25px; height:25px; position:absolute; right:0; bottom:0;_right:-1px; _bottom:-1px;background:url(__PUBLIC__/tousu/images/dui.png) no-repeat; margin-right:4%;}
 .btn{width:90%;margin:0 auto;border-radius: 10px;height:40px;line-height:40px;background: #04be01;text-align:center;margin-top:20px;}
 .btn .submit{border:none;background: none;color:#fff;font-size:18px;width:100%;height:40px;outline:medium;cursor:pointer;}
    

</style>
       
        </head>
<body>
<div class="head">
    <p>投诉</p>
	
</div>
<div id="radio_wrap">
	<ul>
		<li class="c checked">
			<input type="radio" id="radio_a_01" name="radio_a" />
			<label for="radio_a_01" style="color:#000;font-size:18px;font-family:arial; ">欺诈</label>
			<i></i>
		</li>
		<li class="c">
			<input type="radio" id="radio_a_02" name="radio_a" />
			<label for="radio_a_02" style="color:#000;font-size:18px;">色情</label>
			<i></i>
		</li>
		<li class="c">
			<input type="radio" id="radio_a_03" name="radio_a" />
			<label for="radio_a_03" style="color:#000;font-size:18px;">政治谣言</label>
			<i></i>
		</li>
		<li class="c">
			<input type="radio" id="radio_a_04" name="radio_a" />
			<label for="radio_a_04" style="color:#000;font-size:18px;">常识性谣言</label>
			<i></i>
		</li>
		<li class="c">
			<input type="radio" id="radio_a_05" name="radio_a" />
			<label for="radio_a_05" style="color:#000;font-size:18px;">诱导分享</label>
			<i></i>
		</li>
		<li class="c">
			<input type="radio" id="radio_a_06" name="radio_a" />
			<label for="radio_a_06" style="color:#000;font-size:18px;">恶意营销</label>
			<i></i>
		</li>
		<li class="c">
			<input type="radio" id="radio_a_07" name="radio_a" />
			<label for="radio_a_07" style="color:#000;font-size:18px;">隐私信息收集</label>
			<i></i>
		</li>
		<li class="c">
			<input type="radio" id="radio_a_08" name="radio_a" />
			<label for="radio_a_08" style="color:#000;font-size:18px;">抄袭公众号文章</label>
			<i></i>
		</li>
		<li class="c">
			<input type="radio" id="radio_a_09" name="radio_a" />
			<label for="radio_a_09" style="color:#000;font-size:18px;font-family:arial; ">其他侵权类（冒名、诽谤、抄袭）</label>
			<i></i>
		</li>
		<li class="c">
			<input type="radio" id="radio_a_10" name="radio_a" />
			<label for="radio_a_10" style="color:#000;font-size:18px;">违规声明原创</label>
			<i></i>
		</li>
	</ul>
	
</div>
 
<div style="text-align:center;clear:both"><br>
</div>
 <div class="btn">
    <input type="button" class="submit" value="下一步" onClick="javascript:location.href='{:U('two',array('id'=>$id))}'">
    </div>
<script type="text/javascript">
(function() {
    var radioWrap = document.getElementById("radio_wrap"),
        li = radioWrap.getElementsByTagName("li");
    for(var i = 0; i < li.length; i++){
        li[i].onclick = function() {
            for(var i = 0; i < li.length; i++){
                li[i].className = "";
            }
            this.className = "checked";
        }
    }
})();
</script>

</body>
</html>